*{

    margin: 0;

    padding:0;

}

li{

    list-style: none;

}

a {

    text-decoration: none;

}

.header{

    min-width: 1200px;

    display: flex;

    justify-content: center;

    padding-bottom: 7px;

}

.top{

    width: 1200px;

    height: 80px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.navlogo{

    width: 242px;

    height: 64px;

    margin-top: -16px;

}

.navlogo img{

    width: 100%;

}

.navMenu ul{

    display: flex;

}

.navMenu ul li{

    text-align: center;

    display: flex;

    flex-direction: column;

}

.navMenu ul li a{

    text-align: center;

    font-size: 16px;

    color: #373737;

    padding: 30px 10px 0px;

}

.navMenu ul li:last-child a{

    padding: 30px 0px 0px 10px;

}

.navMenu ul li a:hover{

    color: #ED403C;

}

.menu1{

    color: #ED403C !important;

}

.el-icon-caret-top{

    font-size: 28px;

    color: #ED403C;

}

.banner{

    width: 100%;

    height: auto;

}

/* 轮播图 */

.block{

    margin-top: -16px;

}
.index-banner {
    height: 575px;
}

/* .el-carousel__item h3 {

    color: #475669;

    font-size: 14px;

    opacity: 0.75;

    line-height: 150px;

    margin: 0;

}



.el-carousel__item:nth-child(2n) {

    background-color: #99a9bf;

}



.el-carousel__item:nth-child(2n+1) {

    background-color: #d3dce6;

} */

/* header end */

.content{

    width: 1200px;

    margin: 128px auto;

    display: flex;

    justify-content: center;

}

.c1{

    display: none;

}

.c-item{

    margin: 0 12px;

    cursor: pointer;

    border: 1px solid #F5F5F5;

    border-radius:5px 5px 0 0;

}

.c-item:hover .c1{ 

    display: block;

}

.c-item:hover .c1-n{ 

    display: none;

}

.c-item:hover{ 

    box-shadow: 0px 0px 20px #ECECEC;

}

.c-item img{

    width: 100%;

}

.c-top{

    text-align: center;

}

.c-name{

    font-size: 32px;

    color: #fff;

    margin-top: -75px;

}

.c-bottom{

    width: 280px;

    height: 210px;

    border-radius: 0px 0px 5px 5px;

    margin-top: 33px;

    background: #fff;

    display: flex;

    flex-wrap: wrap;

    flex-direction: column;

}

.c-bottom a{

    display: flex;

    font-size: 16px;

    color: #818789;

    align-items: center;

    padding: 0px 0px 15px 10px;

}

.c-bottom a:hover {
    color: #ED403C;
}
.c-bottom a:hover span.yuan {
    background: #ED403C;
}

.c-bottom a:nth-child(1){

    padding-top: 17PX;

}

.c-bottom a:nth-child(6){

    padding-top: 17PX;

}

.yuan{

    display: block;

    width: 5px;

    height: 5px;

    margin-right: 10px;

    background: #818789;

    border-radius: 50%;

}

.c-bottom li{

    list-style: block;

}

/* 爱乐动态 */

.content2{

    background: #F9F9F9;

}

.c2-title{

    padding: 50px 0;

    position: relative;

    display: flex;

    justify-content: center;

}

.c2-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 1;

}

.c2-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 60px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c2-bottom{

    width: 1200px;

    margin: 0 auto 100px;

    padding-bottom: 30px;

}

/* tab */

.el-tabs--border-card{

    border: none !important;

    background: none !important;

    box-shadow: none !important ;

}

.el-tabs__header{

    background: none !important;

    border-bottom:none !important;

}

.el-tabs__nav-scroll{

    display: flex;

    justify-content: center;

}

.el-tabs__ nav{

    width: 1200px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.el-tabs__item{

    /*width: 90px !important;*/

    height: 36px !important;

    line-height: 36px !important;

    text-align: center !important;

    background: none !important;

    font-size: 18px !important;

    border: 1px solid #6A6A6A !important;

    color:  #6A6A6A !important;

    border-radius: 2px !important;

    margin: 0 10px !important;

    padding: 0 10px  !important;

}

.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active{

    color: #ED403C !important;

    background: none !important;

    border: 1px solid #ED403C !important;

}

.el-tabs__item:hover{

    color: #ED403C !important;

    border: 1px solid #ED403C !important;

}

/* tab end */

/* tab item */

.tab-wrap{

    width: 1200px;

    margin-top: 90px;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}

.tab1{

    margin: 0px auto 32px;

    padding-bottom: 32px;

    display: flex;

    align-items: center;

    border-bottom: 1px solid #F0F0F0;

}

.tab1:last-child{

    /*border-bottom: none;*/

}

.tab-left{

    width: 260px;

    height: 180px;

}

.tab-left img{

    width: 100%;

    border-radius: 5px;

    height: 100%;

}

.tab-right{

    width: 275px;

    margin-left: 30px;

}

.tab-name{

    width: 275px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 18px;

    color: #171717;

    padding-bottom: 15px;

}

.tab-nr{

    width: 275rpx;

    height: 43px;

    overflow: hidden;

    line-height: 20px;

    text-overflow: ellipsis;

    -webkit-line-clamp:4;

    display: -webkit-box;

    -webkit-box-orient:vertical;

    font-size: 14px;

    color: #626262;

    padding-bottom: 40px;

    margin-bottom: 20px;

    text-align: justify;

    text-justify: inter-ideograph;/*IE*/

}

.tab-nav{
    display: block;

    width: 103px;

    height: 28px;

    line-height: 28px;

    font-size: 14px;

    color: #ED403C;

    text-align: center;

    border-radius: 28px;

    border: 1px solid #ED403C;

}

.tomore{

    width: 100rpx;

    font-size: 18px;

    color: #2C2C2C;

    margin-top: 12px;

    text-align: center;

    cursor: pointer;

}
.tomore a {
    font-size: 14px;
    letter-spacing: 2px;
    margin-right: 2px;
    text-decoration-line: underline;
}
.tomore span{

    margin-left: 10px;

}

/* tab item end */

/* 教师风采 */

.content3{

    width: 1200px;

    margin: 0 auto;

}

.c3-title{

    position: relative;

    display: flex;

    justify-content: center;

}

.c3-title-ch{

    font-size: 30px;

    color: #101010;

}

.c3-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 10px;

    z-index: -1;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c3-bottom{

    text-align: center;

    display: flex;

    flex-wrap: wrap;

    margin:95px auto 20px;

    /* justify-content: center; */

}

.c3-item{

    margin: 0 85px 55px 0px; 

}

.c3-item:nth-child(5n){

    margin: 0 0px 55px 0px; 

}

.c3-avatar{

    width: 172px;

    height: 172px;

    border-radius: 50%;

}

.c3-name{

    /*font-size: 22px;*/

    font-size: 20px;

    padding: 10px 0 3px;

    color: #101010;

    max-width: 172px;

}

.c3-zhiwei{

    font-size: 14px;

    color: #6C6C6C;

}

.c3-more{

    text-align: center;

    font-size: 18px;

    margin-bottom: 100px;

    padding-top: -44px;

}

/* 爱乐分校 */

.content4{

    width: 100%;

    background:#F9F9F9;

}

.c4-title{

    position: relative;

    display: flex;

    justify-content: center;

    padding: 50px 0;

}

.c4-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 2;

}

.c4-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 60px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c4-bottom{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.c4-item{

    display: flex;

    margin-bottom: 50px;

}

.c4-left{

    width:267px;

    height: 175px;

    overflow: hidden; 

    box-shadow: -10px 10px 0px 0px #ED403C;

}

.c4-left img{

    width: 100%;

}

.c4-right{

    width: 283px;

    height: 175px;

    background: #fff;

}

.c4-top{

    font-size: 18px;

    color: #101010;

    padding: 25px;

}

.c4-nr{

    padding-left: 25px;

}

.c4-nr div{

    display: flex;

}

.c4-nr p{

    font-size: 14px;

    color: #757575;

    padding-left: 7px;

    padding-bottom: 15px;

    height: 20px;

}

.c4-more{

    text-align: center;

    font-size: 18px;

    padding-bottom: 50px;

    padding-top: 22px;

}

.el-tabs--border-card>.el-tabs__content{

    padding: 0 !important;

}

/* 爱乐荣誉 */

.c5-title{

    position: relative;

    display: flex;

    justify-content: center;

    padding: 75px 0;

}

.c5-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 2;

}

.c5-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 85px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c5-bottom{

    width: 1200px;

    margin: 0 auto ;

    display: flex;

    flex-wrap: wrap;

}

.c5-item{

    position: relative;

    margin: 20px 20px 20px 0px;

    cursor: pointer;

}

.c5-item:nth-child(4n){

    margin: 20px 0px 20px 0px;

}

.c5-item img{

    width: 260px;

    height: 170px;

    padding:11px;

    border-radius: 8px;

    border: 1px solid #E6E6E6;

}

.c5-item p{

    position: absolute;

    display: block;

    width: 284px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 18px;

    color: #fff;

    background: #ED403C;

    bottom:0;

    border-radius: 0 0 8px 8px;

    opacity: 0;

}

.c5-item:hover.c5-item img{

    border: 1px solid #ED403C;

}

.c5-item:hover.c5-item p{

    opacity: 1;

}

.c5-more{

    text-align: center;

    font-size: 18px;

    padding-top: 40px;

    padding-bottom: 75px;

}

/* 爱乐音乐会 */

.content6{

    width: 100%;

    background:#F9F9F9;

}

.c6-title{

    position: relative;

    display: flex;

    justify-content: center;

    padding: 75px 0;
}

.c6-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 2;

}

.c6-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 85px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c6-bottom{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}

.c6-item{

    display: flex;

    height: 210px;

    align-items: center;

    /* margin-right: 23px; */

    margin-bottom: 60px;

}

.c6-left{

    width: 193px;

    height: 160px;

    z-index: 2;

    overflow: hidden;

}

.c6-left img{

    width: 100%;
    height: 160px;

}

.c6-right{

    position: relative;

    width: 430px;

    height: 210px;

    background: #fff;

    margin-left: -50px;

    border-radius: 5px;

    box-shadow: 0px 0px 17px #F4F4F4;

}

.rt{

    position: absolute;

    width: 27px;

    height: 27px;

    top: 0px;

    right: 0px;

    border-top: 2px solid #ED403C;

    border-right: 2px solid #ED403C;

}

.rb{

    position: absolute;

    width: 27px;

    height: 27px;

    bottom: 0px;

    right: 0px;

    border-right: 2px solid #ED403C;

    border-bottom: 2px solid #ED403C;

}

.c6-name{

    font-size: 20px;

    padding: 25px 0 16px 85px;

}

.c6-nr{

    width: 300px;

    font-size: 14px;

    padding-left: 85px;

    color: #626262;

    text-align: justify;

    text-justify: inter-ideograph;/*IE*/

}

.c6-more{

    text-align: center;

    font-size: 18px;

    padding-top: -4px;

    padding-bottom: 75px;

}

/* 爱乐教学 */

.c7-title{

    position: relative;

    display: flex;

    justify-content: center;

    padding: 75px 0;

}

.c7-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 2;

}

.c7-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 85px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.c7-bottom{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

}

.c7-item{

    margin-right: 45px;

    margin-bottom: 47px;

    box-shadow: 0px 0px 15px 0px #ECECEC;

}

.c7-item:nth-of-type(3n){

    margin-right: 0;

}

.c7-top{

    position: relative;

    width: 370px;

    height: 153px;

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    justify-content: center;

}

.c7-light {

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 100%;

    background: #2b2b2b;

    opacity: 0.6;

}

.c7-img{

    width: 100%;

    /* box-shadow: 0px 0px 20px 0px #000; */

    z-index: -2;

}

.c7-imgtitle{

    position: absolute;

    color: #fff;

    text-align: center;

}

.c7-imgtitle .c7-title-more {
    color: #fff;
    font-size: 14px;
    margin-top: 20px;
    display: block;
}

.c7-imgtitle-ch{

    font-size: 22px;

    padding-bottom: 5px;

}

.c7-imgtitle-en{

    font-size: 14px;

}

.c7-jieshao{

    width: 370px;

    height: 280px;

    overflow: hidden;

    display: flex;

    align-items: center;

    flex-direction: column;

    border-bottom: 2px solid #ED403C;

}

.c7-yuan{

    display: block;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #626262;

    margin-right: 7px;

}

.c7-jieshao a{

    font-size: 14px;

    padding-bottom: 20px;

    color: #626262;

    display: flex;

    align-items: center;
    
    /*justify-content: space-between;*/

    text-align: left;

    width: 90%;

    position: relative;

}
.c7-jieshao a:hover {
    color:#ED403C;
}
.c7-jieshao a:hover span.c7-yuan {
    background: #ED403C;

}
.c7-jieshao a:hover span.c7-time {
    color: #ED403C;
}
.c7-jieshao a:first-child{

    padding-top: 25px;

}

.c7-time{

    font-size: 11px;

    color: #757575;

    padding-left: 20px;

    position: absolute;

    right: 10px;
}

.c7-more{

    text-align: center;

    font-size: 18px;

    padding-top: -4px;

    padding-bottom: 75px;

}

/* 合作伙伴 */

.c8-title{

    position: relative;

    display: flex;

    justify-content: center;

    padding: 50px 0;

}

.c8-title-ch{

    font-size: 30px;

    color: #101010;

    z-index: 2;

}

.c8-title-en{

    position: absolute;

    font-size: 30px;

    color: #F2F2F2;

    font-style: italic;

    top: 60px;

    z-index: 0;

    text-align: center;

    font-family: "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;

    font-weight: bold;

}

.content8{

    width: 100%;

    background: #F9F9F9;

}

.c8-bottom{

    width: 1200px;

    margin: 0 auto;

    padding-bottom: 70px;

    display: flex;

    flex-wrap: wrap;

}

.c8-item{

    width: 268px;

    height: 142px;

    margin:15px 40px 15px 0px;

    border:1px solid #EAEAEA;

    border-radius: 5px;

    background: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

}

.c8-item:nth-child(4n){

    margin:15px 0px;

}

.hezuoimg{

    width: 170px;

    height: 100px;

}

.hezuoimg-i{

    width: 170px;

    height: 100px;

    display: none;

}

.c8-item:hover .hezuoimg-i{

    display: block;

}

.c8-item:hover .hezuoimg{

    display: none;

}



/* 底部 */

.footer{

    width: 100%;

    height: 505px;

    background: #232122;

    display: flex;

    align-items: center;

    justify-content: center;

}

.foot-top{

    width: 1200px;

    margin: 0 auto;

    border-bottom: 1px solid #4A4A4A;

}

.foot-top img{

    width: 165px;

    height: 105px;

    margin: 0px 0 12px;

}

.foot-bottom{

    width: 1200px;

    display: flex;

    justify-content: space-between;

}

.foot-left{

    display: flex;

    flex-direction: column;

}

.foot-l-top{

    color: #8C8C8C;

    font-size: 14px;

}

.foot-l-top:first-child{

    margin-top: 20px;

}

.foot-font{

    display: flex;

    margin-bottom: 16px;

}

.foot-right img{

    width: 150px;

    height: 150px;

    margin-top: 20px;

}

.foot-l-bottom{

    display: flex;

    font-size: 14px;

    color: #8C8C8C;

    margin-top: 40px;

}

.foot-img{

    width: 155px;

    height: 75px;

    margin-right: 16px;

    display: flex;

    align-items: center;

    justify-content: space-around;

    border:1px solid #4A4A4A;

    border-radius: 6px;

    text-align: center;

    letter-spacing: 2px;

}